<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的首页</title>
</head>
<body  background="./311483.jpg " style=" background-repeat:no-repeat ;background-size:100% 100%;
background-attachment: fixed;">
<!--
<h1>-<h6>:标题，分别对应1级标题-6级标题
标题独自占用一行
<center>:该标签中的内容都居中 显示H5后不在建议使用
<br>换行
<img>src用于指定图片的位置，该位置可以是相对路径，也可以为绝对路径
 <img>:图片，其中属性src用于指定图片的位置。该路径可以是绝对路径也可以是相对路径。

            在html中如超链接和图片等标签都需要指定路径，而这里使用相对路径时，"./"的位置最终是
            被浏览器理解的，浏览器理解"./"当前目录的位置是根据请求当前页面时地址栏上的路径而定的
            比如:
            请求当前index.html页面时，浏览器地址栏输入的路径为:
            http://localhost:8088/myweb/index.html
            那么在这个页面上使用相对路径"./"时，浏览器理解的位置就是该页面所在目录:
            http://localhost:8088/myweb/
            因此，如过一个图片<img src="./logo.png">指定的路径浏览器就认为图片实际在:
            http://localhost:8088/myweb/logo.png
-->

<center>
<img src="./123.png" ><br>
<h1>小牛征婚网</h1>
    <input type="text" size="32" >
    <input type="button" value="快来呀，快活呀"  height="900" onclick="alert('去尼玛的')"><br>
    <a href="./reg.html">注册</a><br>
    <a href="./login.html">登录</a>
    <!-- -->
    <a href="./showAllUser">用户列表</a><br>
    <a href="./writeArticle.html">发表文章</a><br>
    <a href="./showAllArticle">文章列表</a>
    <a href="./creatQR.html">二维码生成器</a>
    <a href="http://www.taobao.com">去淘宝</a><br>
</center>


<div  style="left: 200px; position: absolute; top: 500px;">折花枝，恨花枝，</div>
<div style="left: 250px; position: absolute; top: 550px;">准拟花开人共卮，开时人去时。</div>
<div style="left: 300px; position: absolute; top: 600px;"> 怕相思，已相思，。</div>
<div style="left: 350px; position: absolute; top: 650px;">轮到相思没处辞，眉间露一丝。。</div>





</body>
</html>